<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../css/bootstrap.min.css">

    <script src="../js/jquery-3.4.1.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="js/AllRoom.js"></script>
</head>
<body>
<nav class="bg-light navbar-light shadow-sm card mt-5 ml-5 mr-5" style="border-radius: 25rem">
    <ul class="nav p-2 pl-4 pr-4">
        <li class="nav-item pt-2"><h6 class="font-weight-bold">筛选：</h6></li>
        <li class="nav-item mr-3"><input id="rId" class="form-control" type="text" placeholder="会议室ID"></li>
        <li class="nav-item mr-3"><input id="rNum" class="form-control" type="text" placeholder="会议室编号"></li>
        <li class="nav-item mr-3"><input id="rName" class="form-control" type="text" placeholder="会议室名称"></li>
        <li class="nav-item mr-3"><input id="cap" class="form-control" type="text" placeholder="容量"></li>
        <li class="nav-item flex-grow-1"><a class="btn btn-info float-right" id="seBtn">确认</a></li>
    </ul>
</nav>

<div class="container border-right border-left border-bottom mb-5">
    <table class="table table-hover">
        <thead>
        <tr class="row table-secondary">
            <th class="col-2">会议室ID</th>
            <th class="col-2">会议室编号</th>
            <th class="col-3">会议室名称</th>
            <th class="col-2">容量</th>
            <th class="col-3 text-center">操作</th>
        </tr>
        </thead>
        <tbody></tbody>
    </table>
</div>

</body>
</html>